<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Stars Messup the Sky</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap/css/bootstrap-responsive.css">
    <link rel="stylesheet" type="text/css" href="../stylesheets/theme.css">
    <link rel="stylesheet" href="../lib/font-awesome/css/font-awesome.css">
    
        
    <script src="../lib/jquery-1.8.1.min.js" type="text/javascript"></script>
    <!--<script src="script/jquery_2.0.3.js"></script>-->
    
    <?php
	//include("class/main.php");
	$tag="";
	$opr="";
	
	if(isset($_GET['opr']))
		$opr=$_GET['opr'];
	
	if(isset($_GET['tag']))
		$tag=$_GET['tag'];
	?>
    
    <!--<script type="text/javascript">
		$(document).ready(function(e) {
        	$("#testid").change(function(){
				//var idp=$("#testid").val();						
				//alert(idp);	
				alert($(this).val());			
			});
    	});
	</script>  -->
     
    <script>
		$(document).ready(function(e) {
			var opr=$("#accounts-menu li a");
			var opr1=$("#dashboard-menu li a");
			opr.click(function(){
				var opr_cl=$(this).attr("rel");
				
				switch(opr_cl){
					case "ViewEmployee":
						$("#fr_opr").load("../action/ViewEmployee.php");
					break;	
					case "ViewCustomer":
						$("#fr_opr").load("../action/ViewCustomer.php");
					break;
					case "ViewUser":
						$("#fr_opr").load("../action/ViewUser.php");
					break;
					case "ReservationAdd":
						$("#fr_opr").load("../action/ReservationAdd.php");
					break;
				}
				
			});
			
			/*opr1.click(function(){
				var opr_cl=$(this).attr("rel");
				
				switch(opr_cl){					
					case "ReservationAdd":
						$("#fr_opr").load("../action/ReservationView.php");
					break;
				}
				
			});*/
			
		});
	</script>
    
    <script type="text/javascript">
		$(document).ready(function(e) {
			var opr=$("#dashboard-menu li");
			var opr1=$("#accounts-menu li");
			//var opr2=$("#legal-menu li");
			
			opr.click(function(){
				opr.removeAttr("class");
				opr1.removeAttr("class");
				//opr2.removeAttr("class");
				var opr_cl=$(this).attr("class","active");							
				
			});
			
			opr1.click(function(){
				opr.removeAttr("class");
				opr1.removeAttr("class");
				//opr2.removeAttr("class");
				var opr_cl=$(this).attr("class","active");							
				
			});
			
			/*opr2.click(function(){
				opr.removeAttr("class");
				opr1.removeAttr("class");
				opr2.removeAttr("class");
				var opr_cl=$(this).attr("class","active");							
				
			});*/
		});
	</script> 
    
    <!-- Demo page code -->
    
    <style type="text/css">
        #line-chart {
            height:300px;
            width:800px;
            margin: 0px auto;
            margin-top: 1em;
        }
        .brand { font-family: georgia, serif; }
        .brand .first {
            color: #ccc;
            font-style: italic;
        }
        .brand .second {
            color: #fff;
            font-weight: bold;
        }
    </style>

   
  </head>

  
  <body> 
      
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <ul class="nav pull-right">
                    
                    <li id="fat-menu" class="dropdown">
                        <a  id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-user"></i> BOOMER
                            <!--<i class="icon-caret-down"></i>-->
                        </a>

                        <!--<ul class="dropdown-menu">
                            <li><a tabindex="-1" href="#">Settings</a></li>
                            <li class="divider"></li>
                            <li><a tabindex="-1" href="sign-in.html">Logout</a></li>
                        </ul>-->
                    </li>
                    
                </ul>
                <a class="brand" ><span class="first">សណ្ឋាគារ</span> <span class="second">*ផ្កាយរះពេញមេឃ</span></a>
            </div>
        </div>
    </div>
    

    <div class="container-fluid">        
        <div class="row-fluid">
            <div class="span3">
                <div class="sidebar-nav">
                  <div class="nav-header" data-toggle="collapse" data-target="#dashboard-menu"><i class="icon-dashboard"></i>Operation</div>
                    <ul id="dashboard-menu" class="nav nav-list collapse in">
                        <!--<li ><a href="?tag=home" >Home</a></li>-->
                        <li ><a href="?tag=viewres" rel="ReservationAdd">Reservation</a></li>
                        <li ><a href="?tag=viewche">Check In</a></li>
                        <li ><a href="?tag=viewout">Check Out</a></li>                        
                    </ul>
                    
                <div class="nav-header" data-toggle="collapse" data-target="#accounts-menu"><i class="icon-briefcase"></i>Manage<!--<span class="label label-info">+10</span>--></div>
                    <ul id="accounts-menu" class="nav nav-list collapse in">                      
                      <li ><a href="?tag=viewemp" rel="ViewEmployee">Employees</a></li>
                      <li ><a href="?tag=viewcus" rel="ViewCustomer">Guests</a></li>
                      <li ><a href="?tag=viewuse" rel="ViewUser">Users</a></li>
                      <li ><a href="?tag=viewrom">Room</a></li>
                    </ul> 
                
                <!--<div class="nav-header" data-toggle="collapse" data-target="#settings-menu"><i class="icon-exclamation-sign"></i>Report</div>
                    <ul id="settings-menu" class="nav nav-list collapse in">
                      <li ><a href="#">Reservation</a></li>
                      <li ><a href="#">Check In</a></li>
                      <li ><a href="#">Check Out</a></li>
                      <li ><a href="#">Guest</a></li>
                    </ul> -->
                
               <!-- <div class="nav-header" data-toggle="collapse" data-target="#legal-menu"><i class="icon-legal"></i>Config</div>
                <ul id="legal-menu" class="nav nav-list collapse in">
                  	
                     <li ><a href="#">Room</a></li>
                     <li ><a href="#">....</a></li>
                     <li ><a href="#">....</a></li>
                </ul>-->                              
            </div>
        </div>
        
        
        <div class="span9" id="fr_opr">
    	<?php
		  /*if($tag=="home")
			include("students/newstu.php"); */
		  if($tag=="viewres")
			include("../action/ReservationView.php");
		  elseif($tag=="viewemp")
			include("../action/ViewEmployee.php");
		  elseif($tag=="viewcus")
			include("../action/ViewCustomer.php"); 
		  elseif($tag=="viewuse")
				include("../action/ViewUser.php");
			elseif($tag=="adduser")
				include("../action/NewUser.php");
			elseif($tag=="edituser")
				include("../action/NewUser.php");
			elseif($tag=="viewrom")
				include("../action/RoomView.php");
			elseif($tag=="addroom")
				include("../action/NewRoom.php");		
		 	elseif($tag=="editroom")
				include("../action/NewRoom.php");
			elseif($tag=="editres")
				include("../action/NewReservation.php");
			elseif($tag=="addres")
				include("../action/NewReservation.php");
			elseif($tag=="viewche")
				include("../action/CheckInView.php");
			elseif($tag=="editche")
				include("../action/NewCheckIn.php");
			elseif($tag=="addche")
				include("../action/NewCheckIn.php");
			
			/*if($opr=="editroom")
				include("../action/NewRoom.php"); 
			elseif ($opr=="newroom")
				include("../action/NewRoom.php");*/
		?> 
    	</div>
        

<!--<div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Delete Confirmation</h3>
  </div>
  <div class="modal-body">    
    <p class="error-text"><i class="icon-warning-sign modal-icon"></i>Are you sure you want to delete this?</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
    <button name="btndel" class="btn btn-danger" data-dismiss="modal">Delete</button>
  </div>
</div>-->

        </div>
    </div>
    

    
    <footer>
        <hr>
                
        
        <p>&copy; 2014 <a href="http://khmerbamboo.wordpress.com/" target="new"> Khmerbamboo</a></p>
    </footer>    

    
    <script src="../lib/bootstrap/js/bootstrap.js"></script>
    
    
    
    
    
    
    
    
    
    
    
    

  </body>
</html>


